/*
@功能：首页css
@作者：diamondwang
@时间：2013年11月5日
*/

/*综合区域CSS*/
.colligate{height: 400px;}
.slide{width: 670px; height: 400px; margin-left: 220px;overflow: hidden;}
.slide .area{width: 670px; height: 400px; position: relative; z-index: 0; overflow: hidden;}
.slide_controls{position: absolute; bottom: 15px; right: 15px;}
.slide_controls li{float: left; display: inline; width: 22px; height: 22px; line-height: 22px; margin-left: 5px; color: #fff; font-size: 13px; background: #999; border-radius: 12px; -webkit-border-radius:12px; text-align: center;}
.slide_controls li.on{background:#c30; font-weight: 500;}
.coll_right{width: 310px; height: 400px;}
.ad{height:70px; overflow: hidden;}
.news{width: 310px; height: 140px;overflow: hidden;}
.news h2{height: 30px; line-height: 30px; background: #f3f3f3; border: 1px solid #ddd; border-bottom: 0; border-radius: 5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;}
.news h2 a{float: right; padding-right: 10px;color: #005EA7;}
.news h2 strong{font:bold 14px "microsoft yahei"; line-height: 30px; padding-left: 10px; }
.news ul{height: 100px; border: 1px solid #ddd; border-top: 0; padding: 4px 0;}
.news ul li{width: 133px; height: 25px; line-height: 25px; padding: 0 10px; float: left; display: inline;}
.news ul li.odd{border-right: 1px solid #eee;} 
.news ul li a{color: #666;}

/*服务区域 css 包括话费，旅行，彩票，游戏*/
.service{height:170px; clear: both; overflow: hidden; }
.service h2{height: 30px; line-height: 30px; border: 1px solid #ddd; border-bottom: 0; border-radius: 5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;}
.service h2 span{float:left; display: inline; width: 76px; text-align: center; background: url("../images/bg1.png") 0 -32px repeat-x ; border: 1px solid #ddd; border-top:0; border-left: 0;}
.service h2 span.title1{border-radius: 5px 0 0 0;}
.service h2 span.title4{border-radius: 0 5px 0 0; border-right: 0;padding-right: 1px;}
.service h2 a{font:bold 14px "microsoft yahei";line-height: 30px; }
.service h2 span.on{background: none; border-bottom: 0;}
.service_wrap{height: 137px; border: 1px solid #ddd; border-top: 0;}

.fare li{padding: 13px 0 0 0;color: #666;}
.fare li label{width: 70px; float: left; display: inline; text-align: right; position: relative; top:4px;}
.fare .phone{width: 113px; height: 16px; padding: 2px; border-width: 1px; border-style: solid; border-color: #aaa #ddd #ddd #aaa; color:#999;}
.fare .msg{margin-left: 70px; margin-top: 5px;}
.fare .fare_btn{border: 0; width: 70px; height: 22px; line-height: 22px; text-align: center; background: #e4393c; color: #fff; border-radius: 3px; cursor: pointer; }
.fare a{color:#005EA7;}
.fare strong{color:#c30; font-weight: bold;}

.lottery p{padding: 30px 0 0 17px;}

.travel li{float: left; display: inline; width: 130px; padding:20px 0 0 20px;}
.travel li .button{display: inline-block; width: 70px; height: 22px; line-height: 22px; text-align: center; background: #e4393c; color: #fff; border-radius: 3px; margin: 15px 0 0 23px;}

.game li{float: left; display: inline; width: 100px; text-align: center; margin-top: 23px; }


/*导购 guide区域*/
.guide{height: 271px;}
.guide_content{width: 890px; height: 271px;}
.guide_content h2{height: 38px; line-height: 38px; border-top: 2px solid #d00000; border-left: 1px solid #ddd; }
.guide_content h2 span{float: left; display: inline; width:177px; cursor: pointer; border:1px solid #ddd; border-top: 0; border-left: 0; background: url("../images/bg1.png") 0 -73px repeat-x;   text-align: center; font:bold 14px/38px "microsoft yahei";}
.guide_content h2 span.last{width: 176px;}
.guide_content h2 span.on{background: none; border-bottom: 0; color:#c30;}

.guide_wrap{width:888px;height: 230px; border:1px solid #ddd; border-top: 0;}
.guide_wrap div{width: 868px; height: 210px; padding:15px 10px 5px;}
.guide_wrap li{width: 170px; float: left; display: inline; text-align: center;}
.guide_wrap li dt img{width: 130px; height: 130px;}
.guide_wrap li dd{height: 20px; line-height: 20px;}
.guide_wrap li span{color: #999;}
.guide_wrap li strong{color: #d00000; font-weight: bold;}

/*网站首发 侧栏*/

/* .sidebar css是公用的，右边的小区域通用 */
.sidebar{width: 310px;}
.sidebar h2{ height:39px; line-height: 39px; background: #f3f3f3; border: 1px solid #ddd; border-bottom: 0; border-radius: 5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;}
.sidebar h2 strong{font:bold 14px "microsoft yahei"; line-height: 38px; padding-left: 10px; }
.sidebar h2 a{float: right; padding-right: 10px;color: #005EA7;}
.sidebar .sidebar_wrap{width:294px; padding: 0 7px; height: 308px; border: 1px solid #ddd; border-top: 0;}


.guide .sidebar{height: 271px;}
.guide .sidebar_wrap{height:230px; }
.guide .sidebar_wrap dt img{width: 100px; height: 100px;}
.guide .sidebar_wrap dl{width:294px;clear: both; padding-top: 7px;}
.guide .sidebar_wrap .first{border-bottom: 1px dotted #dddddd; padding-bottom: 7px;}
.guide .sidebar_wrap .first img{margin-right: 5px;}
.guide .sidebar_wrap dd{line-height: 17px;}
.guide .sidebar_wrap dd strong{font-weight:bold; font-size: 13px;}
.guide .sidebar_wrap dd em{ display: inline-block; width:28px; height: 16px; padding-left: 8px; line-height: 16px; background: url("../images/bg2.png") -265px -536px no-repeat; color: #fff;}

/*各楼层商品css*/
/*通用css*/
.floor{height: 441px;}
.floor_left{width: 890px; }
.cate{width: 210px; height: 441px; }
.goodslist{width: 680px;}
.cate h2{width: 210px; height: 40px; line-height: 40px; background: url("../images/bg2.png") 0 -342px no-repeat; text-align: center; font-size: 16px; font-weight: bold; color: #fff;}
.cate_wrap{width: 208px; height: 400px; border:1px solid #2E82D0; border-top: 0; overflow: hidden; position: relative;}
.cate_wrap ul{width:195px; padding:10px 0 0 13px;}
.cate_wrap li{float: left; display: inline; margin: 0;}
.cate_wrap li a{display: inline-block; width: 80px; padding-left: 9px; height: 24px; line-height: 24px;}
.cate_wrap li b{font-family: Arial; font-size: 14px; margin-right: 4px;}
.cate_wrap li a:hover{background: #005EA7; color: #fff; text-decoration: none;}
.cate_wrap p{position: absolute; left: 0; bottom: 0;width: 208px; height: 170px;}
.cate_wrap p img{width: 208px; height: 170px;}
.goodslist h2{width:680px; height: 38px; border-top: 2px solid #2E82D0;}
.goodslist_wrap{width: 664px; height: 400px; padding-left: 15px; border: 1px solid #ddd; border-top: 0; border-left: 0;}
.goodslist h2 span{float: left; display: inline; width: 135px; border:1px solid #ddd; border-top: 0; border-left: 0; background: url("../images/bg1.png") 0 -73px repeat-x;  text-align: center; font:bold 14px/37px "microsoft yahei"; cursor:pointer;}
.goodslist h2 span.on{background: none; border-bottom: 0; color:#2E82D0;}

.goodslist_wrap li{width: 165px; float: left; display: inline; height: 188px; text-align: center; padding-top: 10px;}
.goodslist_wrap li img{width: 130px; height: 130px;}
.goodslist_wrap dl dd{line-height: 18px;}
.goodslist_wrap dl span{color: #999;}
.goodslist_wrap dl strong{color: #d00000; font-weight: bold;}

/*1F 侧栏 sidebar*/
.floor .brand .sidebar_wrap{height: 115px;}
.floor .brand li{float: left; display: inline; width: 98px; height: 35px;} 
.floor .brand li img{width: 98px; height: 35px;}
.floor .info .sidebar_wrap{height: 114px; padding-top: 8px;}
.floor .info li{line-height: 20px; padding-left: 5px;}
.floor .info li a{color: #005EA7;}
.floor .info li b{font-family: Arial; font-size: 14px; margin-right: 4px;}
.float .ads{height: 100px;}

